<template>
  <div>
    <div class="title">Index</div>
    <!-- 正常加载组件 -->
    <MyComponent />
    <!-- 懒加载组件 -->
    <!-- <LazyMyComponent /> -->
    <!-- 声明式路由跳转 -->
    <!-- 相当于router-link -->
    <NuxtLink to="/home">Home</NuxtLink>
    <NuxtLink to="/about">About</NuxtLink>

    <!-- 使用public目录下的资源 -->
    <img src="/img/1.jpeg" alt="" />
    <!-- 使用assets目录下的资源 -->
    <img src="~/assets/img/1.jpeg" alt="" />
  </div>
</template>

<script lang="ts" setup></script>

<style scoped lang="scss">
.title {
  color: $primary;
}
</style>
